<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>评论列表</title>
    <%- include common %>
</head>
<body>
    <%- include("head",{title:"mlist",username})%>
    <div class="container container-fluid">
        <div class="row" >
            <div class="col-md-12 col-sm-12 col-lg-12">
                <h2 class="text-danger  text-left">评论列表</h2>
                <div class="row col-md-3 col-lg-3 col-sm-3" style="margin:10px 0px">
                    <select  class="form-control " id="select" data-page="<%- page %>">
                        <option value="5"  <%-pageSize==5 ?'selected':'' %> >每页5条</option>
                        <option value="10" <%-pageSize==10 ?'selected':'' %> >每页10条</option>
                        <option value="20" <%-pageSize==20 ?'selected':'' %> >每页20条</option>
                        <option value="40" <%-pageSize==40 ?'selected':'' %> >每页40条</option>
                    </select>
                </div>
                <table style="width:100%" class="table table-bordered table-hover table-striped">
                    <thead>
                        <tr class="text-center text-danger">
                            <td>序号</td>
                            <td>评论人</td>
                            <td>评论标题</td>
                            <td>评论内容</td>
                            <td>电影名称</td>
                            <td>评论电影</td>
                            <td>时间</td>
                            <td>操作</td>
                        </tr>
                    </thead>
                    <tbody>
                      <%  if(result.length>0){  %>
                            <%    result.map((item,idx)=>{  %>
                                <tr class="text-center">
                                    <td><%- idx+1 %></td>
                                    <td><%- item.author %> <span class="text-danger">  <%- username == item.author ? '楼主':'' %> </span></td>
                                    <td  style="width:120px;word-break: break-all;"><%- item.title %></td>
                                    <td style="width:300px;word-break: break-all;"><%- item.content %></td>
                                    <td><%- item.movie.title %></td>
                                    <td>
                                        <a href="/comment/moviepin?mid=<%-item.mid%>">
                                        <img width="80px" height="80px" src="<%- item.movie.images.large.replace(/img7/,'img3')%>" alt=""></a></td>
                                    <td><%- item.time %></td>
                                    <td style="width:240px;">
                                        <button class="btn btn-success">查看回复</button>
                                        
                                    <%    if(username==item.author){  %>
                                            <button class="btn btn-info">修改</button>
                                            <button class="btn btn-danger">删除</button>
                                    <%    }   %>
                                       
                                    </td>
                                </tr>
                        <%    })  %>
                            <tr>
                                <td colspan="8">
                                    <button  class=" disabled btn btn-danger pull-right">删除所有</button>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="5">
                                    <nav aria-label="Page navigation" >
                                        <ul class="pagination">
                                          <li>
                                            <a href="/comment/mlist?page=<%-page - 1 %>&pageSize=<%- pageSize%>" aria-label="Previous">
                                              <span aria-hidden="true">&laquo;</span>
                                            </a>
                                          </li>
                                          <li><a href="/comment/mlist?page=<%-page -2  %>&pageSize=<%- pageSize%>" ><%- page-2  %></a></li>
                                          <li><a href="/comment/mlist?page=<%-page -1  %>&pageSize=<%- pageSize%>"><%- page-1 %></a></li>
                                          <li class="active "><a href="/comment/mlist?page=<%-page%>&pageSize=<%- pageSize%>"> <%- page %></a></li>
                                          <li><a href="/comment/mlist?page=<%-page + 1 %>&pageSize=<%- pageSize%>"><%- page + 1 %></a></li>
                                          <li><a href="/comment/mlist?page=<%-page + 2 %>&pageSize=<%- pageSize%>"><%- page + 2 %> </a></li>
                                          <li>
                                            <a href="/comment/mlist?page=<%-page + 1 %>&pageSize=<%- pageSize%>" aria-label="Next">
                                              <span aria-hidden="true">&raquo;</span>
                                            </a>
                                          </li>
                                        </ul>
                                      </nav>
                                </td>
                                <td colspan="3" >
                                    <div class="pull-right" style="display:flex">
                                        <p>第 <%- page %>  页 / 每页 <%- pageSize %> 条</p>
                                        <p>---</p>
                                        <p>总 <%- total %>  条 / 共 <%- totalPage %> 页</p>
                                       
                                    </div>
                                </td>
                            </tr>
                    <%    }else{  %>
                             <tr>
                                 <td colspan="8" class="text-success">
                                     暂无数据,请马上添加评论
                                 </td>
                             </tr>
                     <%   }  %>
                   
                    </tbody>
                </table>
            </div>
            
        </div>
        
    </div>

    <%- include foot %>

    <script>

        $("#select").on("change",function(){
            console.log($(this).val())
            var page = $(this).attr("data-page");
            var pageSize = $(this).val();
            window.location.href = "/comment/mlist?page="+page+"&pageSize="+pageSize;
        })
    </script>
</body>
</html>